.auy{
  width: 1140px;
  margin: 0 auto;
}
a{
  color: #000;
  text-decoration: none;
}
*{font-size: 12px;}
.vm > header{
  height: 222px;
  background: url(../img/s.png) no-repeat center ,url(../img/banner.jpg) 0 17%/cover;
  border-bottom: 1px solid #ebebeb;
}
.vm nav {
  border-bottom: 2px solid #e1e1e1;
}
.vm nav .nav{
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vm nav .nav>a{
  display: none;
}
.vm nav .nav li{
  height: 57px;
}

.vm nav .nav li a {
  padding: 0 22px 0 20px;
  font: 12px/56px "";
  display: block;
}
.vm nav .nav li:hover{
  border-bottom: 2px solid #e67e22;
}
.vm section{
  background: #ededed;
  padding-top: 35px;
  display: flex;
  justify-content: center;
}
.vm section .main{
  margin-right: 30px;
}
.vm section article{
  width: 750px;
  padding: 35px 35px 20px;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 35px;
}
.vm section article h1{
  font: 500 36px/65px "";
  text-align: center;
}

.vm section article p:nth-of-type(1){
 font: 12px/22px "";
 text-align: center;
}
.vm section:nth-of-type(1) article img{
  width: 100%;
  height: auto;
  margin-top: 36px;
}
.vm section article p:nth-of-type(1) span {
  color: #e65e22;
  
}
.vm section article p:nth-of-type(2){
  font: 17px/30px "";
  word-wrap: break-word;
  padding-top: 36px;
}
.vm section article>div:nth-of-type(1){
  line-height: 98px;
  border-bottom: 1px solid #ededed;
}
.vm section article>div:nth-of-type(1) a{
  width: 86px;
  height: 36px;
  background-color: #e67e22;
  color: #fff;
  font-size: 12px;
  padding: 12px 15px;
}
.vm section article>div:nth-of-type(2){
  height: 70px;
  line-height: 70px;
  padding-left: 25px;
  background: url(../img/wenjianjia.png) no-repeat left;
}
.vm section .main .topage{
  margin-bottom: 35px;
  /* display: flex; */
  height: 36px;
  line-height: 36px;
  text-align: center;
  /* justify-content: center; */
}
.vm section .main .topage a{
  background-color: #e67e22;
  margin-right: 7px;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  letter-spacing: 2px;
}

.vm section .main .topage a:nth-of-type(1){
  width: 126px;
}
.vm section .main .topage a:nth-of-type(2){
  width: 36px;
}
.vm section > aside{
  width: 360px;

}
.vm section > aside>div{
  padding: 23px 30px;
  background-color: #fff;
  margin-bottom: 35px;
}
.vm section > aside>div .baseline{
  border-bottom: 1px solid #ededed;
  height: 36px;
}
.vm section > aside>div h1{
  font: 500 19px/36px "";
  width: 90px;
  border-bottom: 1px solid #e67e22;
  word-break: keep-all;

}
.vm section > aside>div h2{
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 1px;
  margin-top: 15px;
}
.vm section > aside>div>p{
  line-height: 34px;
 
  padding-left: 19px;
  color: #e67e22;
}
.vm section > aside>div > p:nth-of-type(1){
  background: url(../img/weibo.png) no-repeat left;
}
.vm section > aside>div>p:nth-of-type(2){
  background: url(../img/shequ.png) no-repeat left;
  margin-bottom: 5px;
}
.vm section > aside > .down a{
  display: block;
  margin-top: 21px;
  line-height: 36px;
  background-color: #e67e22;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 3px;
}
.vm section > aside >.targer .tag{
  padding-top: 20px;
}
.vm section > aside >.targer .tag a{
  padding:2px 7px;
  border: 1px solid #ebebeb;
  margin: 0 7px 7px 0;
  display: inline-block;
  color: #959595;
  font: 13px/1.5em "";
}
.vm section > aside >.targer .tag a:hover{
  border: 1px solid #ee6677;
  background-color: #ee6677;
  color: #fff;
}
.vm .info {
  display: flex;
  height: 451px;
  background-color: #202020;
  /* flex-wrap: wrap; */
  overflow: hidden;
  justify-content: center;
  padding-top: 36px;
  box-sizing: border-box;
}
.vm .info>div{
  width: 301px;
  /* margin-right: 99px; */
  padding: 0 30px;
  height: 371px;
}
.vm .info .baseline{
  border-bottom: 1px solid #4d4d4d;
  height: 36px;
}
.vm .info .baseline h1{
  font: 500 19px/36px "";
  width: 90px;
  border-bottom: 1px solid #e67e22;
  word-break: keep-all;
  color: #fff;
}

.vm .info >div  article{
  padding: 21px 0 15px 0;
  border-bottom: 1px dashed #303030;
}
.vm .info >div article p{
  line-height: 24px;
}
.vm .info >div article p:nth-of-type(1){
  color: #959595;
  font-size: 14px;
}
.vm .info >div article p:nth-of-type(2){
  color: #505050;
  font-size: 12px;
}
.vm .info >div:nth-of-type(2) .tag{
  padding-top: 20px;
}
.vm .info >div:nth-of-type(2) .tag a{
  padding:2px 7px;
  border: 1px solid #303030;
  margin: 0 7px 7px 0;
  display: inline-block;
  color: #959595;
  font: 13px/1.5em "";
}
.vm .info >div:nth-of-type(2) .tag a:hover{
  border: 1px solid #ee6677;
  background-color: #ee6677;
  color: #fff;
}
.vm .info >div:nth-child(3) article p:nth-of-type(1){
  line-height: 32px;
}
.vm .info >div:nth-child(3) article p:nth-of-type(2){
  color: #959595;
  font-size: 14px;
  line-height: 32px;
}

.coto:hover{
  background-color: #000!important;
  transition: all .4s linear;
  box-sizing: border-box
}

@media only screen and (max-width:980px){
  
  .vm section{
    flex-direction: column;
  }
  .vm section .main{
    margin-right: 0;
  }
  .vm section article{
    margin: 0 auto 35px;
    max-width: 720px;
  }
  .vm section > aside{
    width: 720px;
    margin: 0 auto;
  }
  .vm .info{
    flex-wrap: nowrap;
  }

}

@media only screen and (max-width:737px){
  .vm nav .nav li{
    display: none;
  }
  .vm nav .nav>a{
    display: block;
    height: 20px;
    width: 24px;
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
    background-color: #000;
    background-clip: content-box;
    padding: 4px 0;
    box-sizing: border-box;
  }
  .vm section article{
    margin: 0 auto 35px;
    width: 90%;

  }
  .vm section > aside{
    width: 90%;
    margin: 0 auto;
  }
  .vm .info{
    /* flex-wrap: nowrap; */
    flex-direction: column;
    height: inherit;
  }
  .vm .info>div{
    width:inherit;
    height: inherit;

  }
  
}